@charset "utf-8";

/* 这里设置相对位置，且不设置坐标 */
body{
	width: 960px;
	/*width: 100%;*/
	padding: 0;
	margin: 0 auto;
	position: relative;
	color: white;
}

header{
	height: 120px;
	background-color: olive;
}

aside{
	/*width: 200px;*/
/*	width: 20%;
	height: 500px;
	background-color: purple;*/
}
/* 设置绝对位置，以父元素的参考点为基准点 */
section{
	position: absolute;
	top: 120px;
	right: 0px;
	width: 760px;
	/*width: 80%;*/
	height: 500px;
	background-color: maroon;
}

footer{
	height: 120px;
	background-color: gray;
}
/********************************** box-sizing **********************************/
/* 设置border-box 让 border 和 padding 不在额外增加元素的大小 */
aside{
	width: 200px;
	height: 500px;
	background-color: purple;
	padding: 10px;
	border: 5px solid red;

	/* 完整形式 */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}